<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Order/Unorder List</title>
</head>
<body>
<section>
            <header>
                       <h1>Order List</h1>
            </header>
            <article>
                      <ol>
                      <li>백두산
                      <li>금강산
                      <li>설악산
                      <li>지리산
                      <li>한라산
                      </ol>
            </article>
            
            <article>
                      <ol start ='5' type='A'>산이름
                       <li>백두산
                      <li>금강산
                      <li>설악산
                      <li>지리산
                      <li>한라산
                      </ol>
            </article>
                        
            <article>
                       <ol start ='5' type='1'>산이름
                         <li>백두산
                         <li>금강산
                         <li>설악산
                         <li>지리산
                         <li>한라산
                         </ol>
            </article>
</section>
</hr>

<section>
            <header>
                        <h1>Unorder List</h1>
            </header>
            
            <article>
                      <ul> 과일이름
                                <li>수박
                                <li>복숭아
                                <li>자두
                                <li>참외
                                <li>사과
                                <li>배
                      </ul>
            </article>
            
            <article>
                      <ul type="circle">과일이름
                       <li>수박
                                <li>복숭아
                                <li>자두
                                <li>참외
                                <li>사과
                                <li>배
                                </ul>
            </article>
            
            <article>
                       <ul type="square">과일이름</ul>
                        <li>수박
                                <li>복숭아
                                <li>자두
                                <li>참외
                                <li>사과
                                <li>배
                                </ul>
            </article>
</section>
</body>
</html>